<template>
    <div>
        <h1>hello APP</h1>
        <!-- <TsCard @change="log" name="jack" age="20"></TsCard> -->
        <!-- <TsInput :value="username" @input="username = $event"></TsInput> -->
        <!-- <TsInput v-model="username"></TsInput> -->

        <!-- 使用大驼峰命名的组件在调用的时候，既支持大驼峰调用，也支持短横线调用 -->
        <!-- <TsTable>
            <TsCard name="jack" age="20"></TsCard>
            <b> hello TsTable </b>
        </TsTable> -->

        <ts-table></ts-table>
        <TsButton></TsButton>
    </div>
</template>
<script>
import TsButton from "./components/TsButton.vue";
export default {
    components: {
        'TsButton': TsButton,
    },
    data() {
        return {
            username: 'jack'
        }
    },
    methods: {
        log(e) {
            console.log(e);
        }
    }
}
</script>

<style>
div {
    border: solid;
    padding: 10px;
}
</style>